<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>摆渡村-壁纸-首页</title>
    <link rel="stylesheet" href="css/menu.css">
    <link rel="stylesheet" href="css/banner.css">
    <script rel="script" src="js/vue.js"></script>
</head>
<body>
<div id="app">

    <div class="nav">
        <div class="brand">
            <div class="brand-title">摆渡壁纸</div>
        </div>
        <div class="menu">
            <ul>
                <li><a th:href="@{/}">首页</a></li>
                <li><a th:href="@{/view}">浏览</a></li>
                <li><a th:href="@{/me}">我的</a></li>
            </ul>
        </div>
        <div class="user">
            <div th:if="${session.add}" class="user-login"><a th:href="@{/login}">登录</a></div>
            <div th:if="${session.say}" class="user-login"><a th:href="@{/me}" th:text="${session.user.userNickname}">登录</a></div>
        </div>
    </div>
    <div class="banner">
        <div class="row">
            <img th:src="@{/img/banner.png}" class="banner-image" alt="banner">
        </div>
        <div class="row" th:text="${msg}" style="color: red;margin-top: 20px;"></div>
        <a th:href="@{/register}" class="row" th:if="${session.add}">
            <img th:src="@{/img/add.png}" class="add-image" alt="banner">
        </a>
        <div class="row" th:if="${session.say}" style="margin-top: 1px;">
            <span th:text="${sayer}"></span>
        </div>
    </div>
</div>
<script type="application/javascript">
    let vm = new Vue({
        el: '#app',
        data: {

        }
    });
</script>
</body>
</html>